<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- element样式 -->
		<link rel="stylesheet" href="../index.css" />
		
		<script src="../vue.js"></script>
		<!-- element组建 -->
		<script src="../index.js"></script>
	</head>
	<body>
		<div id="app">
			<el-menu>
				<el-submenu index="1">
					<template slot="title">
						<i class="el-icon-location"></i>
						<span slot="title">导航一</span>
					</template>
					<el-menu-item>选项1</el-menu-item>
					<el-menu-item>选项2</el-menu-item>
					<el-menu-item>选项3</el-menu-item>
				</el-submenu>
				<el-submenu index="2">
					<template slot="title">
						<i class="el-icon-menu"></i>
						<span slot="title">导航二</span>
					</template>
					<el-menu-item>选项1</el-menu-item>
					<el-menu-item>选项2</el-menu-item>
					<el-menu-item>选项3</el-menu-item>
				</el-submenu>
			</el-menu>
		</div>
	
		<script>
			new Vue({
				el:'#app'
			});
		</script>
	</body>
</html>
